<!DOCTYPE html>
<html lang="en">
<head>
    <base href="<%=basePath %>">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>欢迎访问XXX系统注册页面</title>
</head>
<script type="text/javascript" src="/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="/js/index.js"></script>
<script type="text/javascript" src="/js/JsonHandler.js"></script>
<style>
    .resultMessage {
        color: red;
        font-size: 12px;
        font-style: italic;
        font-weight: bold;
    }
</style>
<body>
<center>
    <form id="registerInfoForm" action="javascript:void(0)">
        <table border="1px" width="600px">
            <tr>
                <td>用户名:</td>
                <td>
                    <input id="userName" name="userName" type="text" placeholder="请输入4-16位用户名" autocomplete="off"
                           maxlength="16">
                    <span id="userNameError" class="resultMessage"></span>
                </td>
            </tr>
            <tr>
                <td>手机号:</td>
                <td>
                    <input id="mobile" name="mobile" type="text" placeholder="请输入11位手机号" autocomplete="off"
                           maxlength="11">
                    <span id="mobileError" class="resultMessage"></span>
                </td>
            </tr>
            <tr>
                <td>密码:</td>
                <td>
                    <input id="passWord" name="passWord" type="password" placeholder="请输入6-20位密码" autocomplete="off"
                           maxlength="20">
                    <span id="passWordError" class="resultMessage"></span>
                </td>
            </tr>
            <tr>
                <td>性别:</td>
                <td>
                    <label>
                        <select name="sex">
                            <option name="sex" value="男">男</option>
                            <option name="sex" value="女">女</option>
                        </select>
                    </label>
                </td>
            </tr>
            <tr>
                <td>爱好:</td>
                <td>
                    <label><input name="hobby" type="radio" value="苹果">苹果</label>
                    <label><input name="hobby" type="radio" value="栗子">栗子</label>
                    <label><input name="hobby" type="radio" value="香蕉">香蕉</label>
                    <label><input name="hobby" type="radio" value="榴莲">榴莲</label>
                </td>
            </tr>
            <tr>
                <td>所在城市:</td>
                <td>
                    <label>
                        <select name="location">
                            <option name="location" value="深圳">深圳</option>
                            <option name="location" value="武汉">武汉</option>
                            <option name="location" value="广州">广州</option>
                            <option name="location" value="上海">上海</option>
                            <option name="location" value="北京">北京</option>
                        </select>
                    </label>
                </td>
            </tr>
            <tr>
                <td>一句话介绍自己:</td>
                <td>
                    <input id="describe" name="describe" type="text" autocomplete="off" placeholder="一句话介绍自己">
                    <span id="describeError" class="resultMessage"></span>
                </td>
            </tr>
            <tr>
                <td><input id="register" name="register" type="submit" value="立即注册"></td>
                <td><input id="login" name="login" type="button" value="登录"></td>
            </tr>
        </table>
    </form>
</center>
</body>
</html>